import React from 'react'
import { Carousel } from 'antd';

const contentStyle = {
  margin: 0,
  height: '360px',
  color: '#fff',
  lineHeight: '360px',
  textAlign: 'center',
  background: '#364d79',
};
  const onChange = (currentSlide) => {
    console.log(currentSlide);
  };

const Swhter = () => {
  return (
    <div>
        <Carousel afterChange={onChange}>
      <div>
        <h3 style={contentStyle}>
          <img src="../../image/1.png" alt=""  style={{width:"100%",height:"100%"}}/>
        </h3>
      </div>
      <div>
        <h3 style={contentStyle}>
     <img src="../../image/1.png" alt=""  style={{width:"100%",height:"100%"}}/>
        </h3>
      </div>
      <div>
        <h3 style={contentStyle}>
           <img src="../../image/1.png" alt=""  style={{width:"100%",height:"100%"}}/>
        </h3>
      </div>
      <div>
        <h3 style={contentStyle}>
           <img src="../../image/1.png" alt=""  style={{width:"100%",height:"100%"}}/>
        </h3>
      </div>
    </Carousel>
    </div>
  )
}

export default Swhter